<template>
  <div class="invoicegetInfo">
   <div style="display:flex;">
    <!-- 左边 -->
      <div class="boxdata">
        <h4>开票申请信息</h4>
        <div class="widenumBox">
          <div class="widenum">业务类型</div>
          <div>{{InvoiceorderDetails.sourceway}}</div>
        </div>
       <div class="widenumBox">
          <div class="widenum">订单号</div>
         <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">订单总金额</div>
           <div>{{InvoiceorderDetails.taxamount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">子订单号</div>
           <div>{{InvoiceorderDetails.suborders}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开票金额</div>
          <div>{{InvoiceorderDetails.taxamount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票类型</div>
          <div>{{InvoiceorderDetails.type}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">审核状态</div>
           <div>{{InvoiceorderDetails.state}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">审核人</div>
           <div>{{InvoiceorderDetails.drawer}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">审核时间</div>
           <div>{{InvoiceorderDetails.updateTime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">来源</div>
           <div>{{InvoiceorderDetails.sourceappid}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">申请人</div>
           <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">申请时间</div>
           <div>{{InvoiceorderDetails.createTime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">会员编号</div>
           <div>{{InvoiceorderDetails.jsjid}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">联系手机号</div>
           <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">邮寄地址</div>
           <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
         <div class="widenumBox">
          <div class="widenum">备注</div>
           <div>{{InvoiceorderDetails.remark}}</div>
        </div>
      </div>
      <!-- 中间 -->
      <div class="boxdata">
         <h4>发票信息</h4>
      <div class="widenumBox">
          <div class="widenum">开票状态</div>
          <div>{{InvoiceorderDetails.state}}</div>
        </div>
       <div class="widenumBox">
          <div class="widenum">购买方名称</div>
           <div>{{InvoiceorderDetails.title}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">纳税人识别号</div>
           <div>{{InvoiceorderDetails.taxno}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">地址、电话</div>
           <div>{{InvoiceorderDetails.address}}、{{InvoiceorderDetails.phone}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开户行及账号</div>
           <div>{{InvoiceorderDetails.bankname}}、{{InvoiceorderDetails.bankaccount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票内容</div>
          <div>{{InvoiceorderDetails.remark}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">销售方名称</div>
          <div>{{InvoiceorderDetails.sellertitle}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">纳税人识别号</div>
           <div>{{InvoiceorderDetails.sellertaxno}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开票时间</div>
          <div>{{InvoiceorderDetails.scheduledtime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票类型</div>
           <div>{{InvoiceorderDetails.sort}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票金额</div>
          <div>{{InvoiceorderDetails.price}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">税率</div>
           <div>{{InvoiceorderDetails.taxrate}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">税额</div>
           <div>{{InvoiceorderDetails.tax}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">价格合计</div>
          <div>{{InvoiceorderDetails.taxamount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">备注</div>
           <div>{{InvoiceorderDetails.remark}}</div>
        </div>
         <div class="widenumBox">
          <div class="widenum">复核人</div>
          <div>{{InvoiceorderDetails.reviewer}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">收款人</div>
          <div>{{InvoiceorderDetails.payee}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开票人</div>
          <div>{{InvoiceorderDetails.drawer}}</div>
        </div>
      </div>
      <!-- 右边 -->
      <div class="boxdata">
        <h4>配送信息</h4>
         <div class="widenumBox">
          <div class="widenum">配送方式</div>
          <div>{{invoiceDeliverie.deliverytype=='1' ?'快递' :invoiceDeliverie.deliverytype=='2' ?"Email" :invoiceDeliverie.deliverytype=="3" ?'快递和Email' :'暂无配送方式'}}</div>
        </div>
         <div class="widenumBox">
          <div class="widenum">配送状态</div>
          <div>{{invoiceDeliverie.expressdeliverystate=='1' ?'待配送' :invoiceDeliverie.expressdeliverystate=='2' ?"配送中" :invoiceDeliverie.expressdeliverystate=="3" ?'已完成' :'暂无配送状态'}}</div>
        </div>
         <div class="widenumBox">
          <div class="widenum">联系电话</div>
          <div>{{invoiceDeliverie.phonenumber}}</div>
        </div>
         <div class="widenumBox">
          <div class="widenum">配送时间</div>
          <div>{{invoiceDeliverie.deliverytime}}</div>
        </div>
         <div class="widenumBox">
          <div class="widenum">物流单号</div>
          <div>{{invoiceDeliverie.trackingnumber}}</div>
        </div>
         <h4 style="margin:10px 0 20px 0">操作记录</h4>
          <!-- <div class="widenumBox" v-for="(item,index) in operationRecordVoList" key="index">
              <div class="widenum">{{item.time}}</div>
              <div>{{item.name}}</div>
          </div>
          <div>{{item.illustrate}}</div> -->
      </div>
   </div>
   <div style="margin:20px 0 10px 45% ">
    <el-button type="primary" @click="returnone">返回</el-button>
   </div>
  </div>
</template>

<script>
export default {
  name: 'invoicegetInfo',
  data() { 
    return {
      // 操作信息
      operationRecordVoList:[],
      // 配送信息
      invoiceDeliverie:{},
      InvoiceorderDetails:{},
      // 订单号
      invoiceid:"",
    }
  },
  methods:{
    // 返回按钮
    returnone(){
      this.$router.go(-1)
    },
    getInfo(){
       this.$axios.getInfo({
       invoiceid:this.invoiceid,
           }).then(res =>{
     console.log(res)
       if(res.code==200) {
        this.InvoiceorderDetails=res.data
        console.log(this.InvoiceorderDetails)
        // 配送信息
        // this.invoiceDeliverie=this.InvoiceorderDetails.invoiceDeliverie
        // 操作信息
        // this.operationRecordVoList=this.InvoiceorderDetails.operationRecordVoList
        }
     })
    }
   
  },
  mounted() {
    this.invoiceid = this.$route.params.invoiceid;
    console.log(this.invoiceid);
    this.getInfo()
  },
 }
</script>

<style  scoped>
.invoicegetInfo{
  margin: 20px;
}
/* 每一个大盒子 */
.boxdata{
  width: 30%;
  margin-right: 20px;
}
.widenumBox{
  display: flex;
  margin-top: 10px;
  font-size: 14px;
}
.widenum{
  width: 130px;
}
</style>